            @font-face {
                font-family: "iconfont";
                /* Project id 2852665 */
                src: url('../fonts/iconfont.woff2?t=1633668611351') format('woff2'), url('../fonts/iconfont.woff?t=1633668611351') format('woff'), url('../fonts/iconfont.ttf?t=1633668611351') format('truetype');
            }
            
            .iconfont {
                font-family: "iconfont" !important;
                font-size: 16px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            
            .icon {
                font-size: 26px;
                text-align: center;
            }
            
            html,
            body {
                width: 100%;
                height: 100%;
            }
            
            li {
                list-style: none;
            }
            
            .ding {
                background-color: #333333;
                height: 40px;
                width: 100%;
                .top {
                    margin: auto;
                    width: 1226px;
                    height: 40px;
                    color: #b0b0b0;
                    .sep {
                        margin: 0 .3em;
                    }
                    .top_left {
                        float: left;
                        // width: 794px;
                        height: 40px;
                        line-height: 40px;
                        // background-color: orange;
                    }
                    .top_right {
                        float: right;
                        width: 120px;
                        height: 40px;
                        margin-left: 15px;
                        // background-color: orchid;
                        .buycar {
                            position: relative;
                            z-index: 32;
                            display: block;
                            height: 40px;
                            line-height: 40px;
                            text-align: center;
                            color: #b0b0b0;
                            background: #424242;
                            &:hover {
                                color: #ffffff;
                            }
                        }
                    }
                    .top_middle {
                        float: right;
                        height: 40px;
                        line-height: 40px;
                        // background-color: palegreen;
                        .top_login {
                            width: 150px;
                            display: inline-block;
                            position: relative;
                            span {
                                display: inline-block;
                                width: 120px;
                                text-align: center;
                                transition: all 0.8s;
                            }
                            .top_login_hide {
                                position: absolute;
                                top: 40px;
                                left: 0;
                                width: 120px;
                                height: 0px;
                                background-color: #ffffff;
                                z-index: 9999;
                                transition: all 0.8s;
                                overflow: hidden;
                                p {
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
            }
            
            .shang {
                height: 760px;
                width: 100%;
                // background-color: #ffffff;
                // background-color: skyblue;
                .container {
                    width: 1226px;
                    height: 100px;
                    background-color: #ffffff;
                    margin-left: auto;
                    margin-right: auto;
                    .header_logo {
                        float: left;
                        img {
                            width: 56px;
                            height: 56px;
                            margin: auto;
                            margin-top: 21px;
                        }
                    }
                    .header_nav {
                        float: left;
                        height: 100px;
                        margin-left: 172px;
                        position: relative;
                        transition: all 0.5s;
                        &>li {
                            float: left;
                            height: 88px;
                            font-size: 16px;
                            line-height: 88px;
                            margin: 0 10px;
                            margin-top: 12px;
                        }
                        .header_nav_hide {
                            position: absolute;
                            top: 100px;
                            left: -228px;
                            width: 1226px;
                            height: 0px;
                            overflow: hidden;
                            background-color: #ffffff;
                            transition: all 0.5s;
                            z-index: 999;
                            ul {
                                width: 1226px;
                                height: 260px;
                                position: absolute;
                                top: 0;
                                left: 0;
                                li {
                                    float: left;
                                    width: 204px;
                                    height: 250px;
                                    p {
                                        padding-left: 32px;
                                        img {
                                            width: 160px;
                                            height: 160px;
                                        }
                                    }
                                    &>p:nth-child(2) {
                                        margin-top: 10px;
                                        color: #333333;
                                        text-align: center;
                                    }
                                    &>p:nth-child(3) {
                                        margin-top: 10px;
                                        font-size: 16px;
                                        color: #ff6700;
                                        text-align: center;
                                    }
                                }
                            }
                        }
                    }
                    .header_search {
                        float: right;
                        width: 296px;
                        height: 100px;
                        position: relative;
                        div {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: auto;
                            height: auto;
                            #search {
                                box-sizing: border-box;
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 242px;
                                height: 50px;
                                border: 1px solid #000000;
                                transition: all 0.5s;
                            }
                            .search_logo {
                                box-sizing: border-box;
                                border: 1px solid #000000;
                                border-left: none;
                                position: absolute;
                                top: 25px;
                                left: 242px;
                                display: inline-block;
                                width: 50px;
                                height: 50px;
                                transition: all 0.5s;
                                i {
                                    width: 100%;
                                    height: 100%;
                                    display: inline-block;
                                    font-size: 36px;
                                    text-align: center;
                                    line-height: 50px;
                                    &:hover {
                                        color: #ffffff;
                                    }
                                }
                            }
                            .search_show {
                                display: none;
                                box-sizing: border-box;
                                position: absolute;
                                top: 75px;
                                left: 0;
                                width: 242px;
                                height: 240px;
                                border: 1px solid #000000;
                                border-top: none;
                                background-color: #ffffff;
                                transition: all 0.5s;
                                z-index: 999;
                                ul {
                                    li {
                                        height: 30px;
                                        line-height: 30px;
                                        text-indent: 1.5em;
                                        font-size: 14px;
                                    }
                                }
                            }
                        }
                    }
                }
                .banner {
                    width: 1226px;
                    height: 460px;
                    margin: auto;
                    position: relative;
                    overflow: hidden;
                    .left_nav {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 228px;
                        height: 100%;
                        background-color: #a4a1a3;
                        z-index: 99;
                        .left_nav_ul {
                            width: 100%;
                            height: 100%;
                            padding-top: 30px;
                            position: relative;
                            li {
                                height: 40px;
                                font-size: 16px;
                                line-height: 40px;
                                color: #ffffff;
                                font-weight: 300;
                                text-indent: 1.5em;
                                &:hover {
                                    background-color: #ff6700;
                                }
                                div {
                                    position: absolute;
                                    top: 0;
                                    left: 228px;
                                    width: 998px;
                                    height: 460px;
                                    background-color: #ffffff;
                                    display: none;
                                    ul {
                                        p {
                                            float: left;
                                            width: 300px;
                                            height: 80px;
                                            background-color: #ffffff;
                                            img {
                                                width: 50px;
                                                margin-top: 15px;
                                                height: 50px;
                                            }
                                            span {
                                                width: 250px;
                                                height: 50px;
                                                color: #333333;
                                                font-size: 12px;
                                                line-height: 80px;
                                                overflow: hidden;
                                                &:hover {
                                                    color: #ff6700;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .swiper {
                        // background-color: red;
                        width: 1226px*7;
                        height: 100%;
                        position: relative;
                        top: 0;
                        left: 0;
                        display: flex;
                        justify-content: flex-start;
                        .lunbo {
                            width: 1226px;
                            height: 460px;
                            img {
                                width: 1226px;
                                height: 460px;
                            }
                        }
                    }
                    .dian {
                        position: absolute;
                        right: 20px;
                        bottom: 20px;
                        width: 200px;
                        height: 20px;
                        display: flex;
                        justify-content: space-between;
                        li {
                            width: 20px;
                            height: 20px;
                            border-radius: 10px;
                            background-color: rgba(0, 0, 0, .4);
                            &:hover {
                                background-color: #e5e9ef;
                            }
                        }
                        .current {
                            background-color: #e5e9ef;
                        }
                    }
                    .swiper_left {
                        width: 40px;
                        height: 70px;
                        position: absolute;
                        top: 200px;
                        left: 228px;
                        &>img {
                            display: inline-block;
                            margin-top: 15px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                    .swiper_right {
                        width: 40px;
                        height: 70px;
                        position: absolute;
                        top: 200px;
                        right: 0px;
                        &>img {
                            display: inline-block;
                            margin-top: 15px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
                .banner_bottom {
                    width: 1226px;
                    height: 170px;
                    margin: auto;
                    // background-color: springgreen;
                    margin-top: 14px;
                    .banner_bottom_left {
                        float: left;
                        width: 231px;
                        height: 100%;
                        background-color: #5f5750;
                        ul {
                            li {
                                width: 77px;
                                height: 85px;
                                float: left;
                                div {
                                    img {
                                        display: table-cell;
                                        text-align: center;
                                        margin: auto;
                                        margin-top: 18px;
                                        width: 24px;
                                        height: 24px;
                                    }
                                }
                                p {
                                    text-align: center;
                                    margin-top: 5px;
                                    color: #c3c0bd;
                                }
                            }
                        }
                    }
                    .banner_bottom_right {
                        float: right;
                        width: 980px;
                        height: 100%;
                        // background-color: orange;
                        display: flex;
                        justify-content: space-between;
                        div {
                            width: 320px;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
            }
            
            .current {
                box-shadow: 0px 0px 10px 10px rgba(213, 213, 213, 0.9);
            }
            
            .zhong {
                height: 800px;
                width: 100%;
                background-color: #f5f5f5;
                .Redmi_K40 {
                    width: 1226px;
                    height: 120px;
                    margin: 20px auto;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .index_phone {
                    width: 1226px;
                    height: 600px;
                    margin: auto;
                    background-color: #f5f5f5;
                    .index_phone_left {
                        float: left;
                        width: 246px;
                        height: 600px;
                        background-color: #ffffff;
                        transition: all 0.5s;
                        position: relative;
                        .index_phone_left_above {
                            width: 246px;
                            height: 600px;
                            position: absolute;
                            top: 0;
                            left: 0;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                    .index_phone_right {
                        float: right;
                        height: 600px;
                        width: 980px;
                        &>div:nth-child(n-4) {
                            margin-bottom: 20px;
                        }
                        &>div {
                            background-color: #ffffff;
                            float: left;
                            width: 230px;
                            height: 290px;
                            margin-left: 15px;
                            transition: all 0.5s;
                            div {
                                width: 200px;
                                height: 200px;
                                margin: 10px 20px;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                            h3 {
                                text-align: center;
                            }
                            p {
                                margin-top: 10px;
                                text-align: center;
                                color: #ff6700;
                            }
                        }
                    }
                }
            }
            
            .aside_nav {
                position: fixed;
                top: 230px;
                right: 0px;
                width: 85px;
                height: 466px;
                background-color: #ffffff;
                &>div {
                    width: 85px;
                    height: 85px;
                    div {
                        width: 30px;
                        height: 30px;
                        margin: auto;
                        margin-top: 10px;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    p {
                        margin-top: 10px;
                        text-align: center;
                        font-size: 17px;
                        font-weight: 300;
                        &:hover {
                            color: #ff6700;
                        }
                    }
                }
            }
            
            .back_top {
                position: fixed;
                top: 706px;
                right: 0;
                width: 85px;
                height: 85px;
                background-color: #ffffff;
                color: #191919;
                display: none;
                div {
                    width: 30px;
                    height: 30px;
                    margin: auto;
                    margin-top: 10px;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                p {
                    margin-top: 10px;
                    text-align: center;
                    font-size: 17px;
                    font-weight: 300;
                    &:hover {
                        color: #ff6700;
                    }
                }
            }
            
            .xia {
                height: 380px;
                width: 100%;
                background-color: #ffffff;
                .make {
                    width: 1226px;
                    display: flex;
                    margin: auto;
                    height: 100px;
                    div {
                        flex: 1;
                        line-height: 100px;
                        text-align: center;
                        font-size: 20px;
                        color: #616161;
                    }
                }
                .line {
                    border-bottom: 1px solid #e0e0e0;
                }
                .help {
                    height: 300px;
                    width: 1226px;
                    margin: auto;
                    display: flex;
                    .help_left {
                        flex: 4;
                        // background-color: red;
                        ul {
                            float: left;
                            width: 150px;
                            height: 100%;
                            margin-left: 10px;
                            &>li:nth-child(1) {
                                font-size: 18px;
                                margin-top: 30px;
                                margin-bottom: 30px;
                            }
                            li {
                                font-size: 16px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                                color: #757575;
                            }
                        }
                    }
                    .help_right {
                        flex: 1;
                        text-align: center;
                        h1 {
                            color: #ff6700;
                            margin-top: 40px;
                            margin-bottom: 20px;
                        }
                        p {
                            font-size: 16px;
                        }
                        div {
                            border: 1px solid #ff7d25;
                            margin: 10px auto;
                            width: 150px;
                            height: 40px;
                            color: #ff7d25;
                            line-height: 40px;
                            font-size: 16px;
                            text-align: center;
                        }
                        h2 {
                            img {
                                width: 20px;
                                height: 20px;
                            }
                        }
                    }
                }
            }
            
            .footer {
                height: 240px;
                background-color: hsl(0, 0%, 98%);
                padding-top: 40px;
                .footer_ {
                    width: 1226px;
                    height: 240px;
                    margin: auto;
                    .footer_left {
                        width: 50px;
                        height: 100%;
                        float: left;
                    }
                    .footer_right {
                        float: left;
                        width: 1176px;
                        height: 240px;
                        // background-color: #000000;
                        p {
                            margin: 5px;
                            color: #b7cbca;
                        }
                        h1 {
                            color: #c4c4c4;
                            text-align: center;
                            margin-top: 60px;
                            font-family: 'Courier New', Courier, monospace;
                        }
                    }
                }
            }